<template>
	<view class="container">
		<view class="main">
			<uni-forms :modelValue="formData" border>
				<uni-forms-item label="姓名" name="name">
					<uni-easyinput type="text" v-model="formData.name" placeholder="请输入姓名" :inputBorder='false'
						placeholderStyle='color:#999999;font-size:13px' />
				</uni-forms-item>
				<uni-forms-item label="联系电话" name="phone" type="number">
					<uni-easyinput type="text" v-model="formData.phone" placeholder="请输入手机号码" :inputBorder='false'
						placeholderStyle='color:#999999;font-size:13px' />
				</uni-forms-item>
				<uni-forms-item label="公司名称" name="companyPhone">
					<uni-easyinput type="text" v-model="formData.companyName" placeholder="请输入公司名称" :inputBorder='false'
						placeholderStyle='color:#999999;font-size:13px' />
				</uni-forms-item>
				<uni-forms-item label="营业执照" name="">
					<uni-file-picker v-model="imageValue" fileMediatype="image" mode="grid" @select="select"
						@progress="progress" @success="success" @fail="fail" :title='title' del-icon limit='2' />
				</uni-forms-item>
			</uni-forms>


		</view>
		<view class="submit-box">
			<button @click="submit" class="submitInfo">提交资料</button>
		</view>

	</view>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		data() {
			return {
				title: '请上传营业执照正反面',
				formData: {
					name: '',
					phone: '',
					companyName: ''
				},
				imageValue: [],
			};
		},
		methods: {
			success(e) {
				this.title = '请上传营业执照背面'
			}
		}
	}
</script>

<style lang="stylus">
	.main {
		background-color #FFFFFF;
		padding 20px 20px;
		margin-top 10px;
	}

	/deep/ .label-text {
		color: #000000 !important;
	}

	.submitInfo {
		width 280px;
		height 45px;
		border-radius 60upx;
		color #FFFFFF;
		background-color #2852FE;
		margin-top 260rpx;
	}
</style>
